<?php
header('Content-Type:text/html;charset=utf-8');

// 计数器文件路径
$counterFile = 'count.txt';

// 初始化计数器
$count = 0;

// 读取当前计数
if (file_exists($counterFile)) {
    $content = file_get_contents($counterFile);
    $count = is_numeric($content) ? (int)$content : 0;
}

// 增加计数
$count++;
file_put_contents($counterFile, $count);

// 确保图片目录存在
$imageDir = './img/images/';
if (!file_exists($imageDir)) {
    mkdir($imageDir, 0755, true);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面访问计数器</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        .counter {
            margin: 20px 0;
        }
        .counter img {
            margin: 0 2px;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <h1>访问次数：</h1>
    <div class="counter">
        <?php
        // 显示每个数字对应的图片
        $digits = str_split((string)$count);
        if (empty($digits)) {
            echo "<img src='{$imageDir}0.jpg' alt='0'>";
        } else {
            foreach ($digits as $digit) {
                $imagePath = "{$imageDir}{$digit}.jpg";
                if (file_exists($imagePath)) {
                    echo "<img src='{$imagePath}' alt='{$digit}'>";
                } else {
                    // 如果图片不存在，显示数字作为后备
                    echo "<span style='display:inline-block;width:20px;text-align:center;'>{$digit}</span>";
                }
            }
        }
        ?>
    </div>
    <h2>当前访问次数: <?php echo $count; ?></h2>
    <p>感谢您的访问！</p>
    
    <?php
    // 调试信息（正式环境应移除）
    echo "<!-- 调试信息: 计数器值 = {$count} -->";
    ?>
</body>
</html>